// import "./set-public-path";
import { h, createApp } from "vue";
import singleSpaVue from "single-spa-vue";
import router from "./router";
import App from "./App.vue";

const vueLifecycles = singleSpaVue({
  createApp,
  appOptions: {
    el: '#microApp2',
    render() {
      return h(App, {
        // single-spa props are available on the "this" object. Forward them to your component as needed.
        // // https://single-spa.js.org/docs/building-applications#lifecycle-props
        // name: this.name,
        // mountParcel: this.mountParcel,
        // singleSpa: this.singleSpa,
      });
    },
  },
  handleInstance: (app) => {
    app.use(router);
  },
});
console.log(vueLifecycles);

export const bootstrap = vueLifecycles.bootstrap;
export const mount = vueLifecycles.mount;
export const unmount = vueLifecycles.unmount;